<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="80"
    height="80"
    viewBox="0 0 80 80"
    fill="none"
  >
    <g opacity="1" transform="translate(0 0)  rotate(0)">
      <mask id="mask-0" fill="white">
        <path d="M2 80L78 80C79.1 80 80 79.1 80 78L80 2C80 0.9 79.1 0 78 0L2 0C0.9 0 0 0.9 0 2L0 78C0 79.1 0.9 80 2 80Z"></path>
      </mask>
      <g mask="url(#mask-0)">
        <path
          id="矩形 5"
          fill-rule="evenodd"
          :style="{ fill: props.backgroundColor }"
          opacity="1"
          d="M2 80L78 80C79.1 80 80 79.1 80 78L80 2C80 0.9 79.1 0 78 0L2 0C0.9 0 0 0.9 0 2L0 78C0 79.1 0.9 80 2 80Z"
        ></path>
      </g>
      <g mask="url(#mask-0)">
        <g opacity="1" transform="translate(19 21)  rotate(0)">
          <path
            id="矩形 3"
            fill-rule="evenodd"
            :style="{ fill: props.color }"
            opacity="0.1"
            d="M12.8399 25.91L35.9999 25.91C38.7599 25.91 40.9999 23.67 40.9999 20.91L40.9999 5C40.9999 2.24 38.7599 0 35.9999 0L12.8399 0C10.0798 0 7.83984 2.24 7.83984 5L7.83984 20.91C7.83984 23.67 10.0798 25.91 12.8399 25.91Z"
          ></path>
          <path
            id="矩形 3"
            fill-rule="evenodd"
            style="fill: #ffffff"
            opacity="1"
            d="M5.56341 24.2879L26.2931 24.2879C29.0531 24.2879 31.2931 22.0479 31.2931 19.2879L31.2931 10.6679C31.2931 7.90791 29.0531 5.66791 26.2931 5.66791L5.56341 5.66791C2.80345 5.66791 0.563477 7.90791 0.563477 10.6679L0.563477 19.2879C0.563477 22.0479 2.80345 24.2879 5.56341 24.2879Z"
          ></path>
          <path
            id="路径 1"
            fill-rule="evenodd"
            :style="{ fill: props.color }"
            opacity="1"
            d="M21.6736 36.9986L16.3336 29.9386L11.0137 36.9986L21.6736 36.9986Z"
          ></path>
          <path
            id="路径 2"
            fill-rule="evenodd"
            :style="{ fill: props.color }"
            opacity="1"
            d="M30.0904,4.29471c1.46,0 2.58,1.22 2.53,2.68v20.46999c0,1.46 -1.11,2.66 -2.57,2.66h-9.9601l-3.7801,-5.16l-3.77,5.16h-9.96017c-1.47002,0 -2.58003,-1.2 -2.58003,-2.66v-20.48999c0,-1.46 1.11001,-2.66 2.58003,-2.66zM24.1503,20.2147c3.0901,-2.31 5.1301,-5.84 5.4001,-9.89c0.6,-0.32999 0.95,-1.02999 0.95,-1.70999c0,-1.2 -0.95,-2.15 -2.14,-2.15c-1.2,0 -2.1501,0.95 -2.1501,2.15c0,0.68 0.35,1.27999 0.8701,1.70999c-0.4401,5 -4.2301,9.02 -9.1202,9.81c-0.35,-0.44 -0.95,-0.79 -1.63,-0.79c-0.68,0 -1.19,0.27 -1.63,0.79c-4.90007,-0.77 -8.68012,-4.81 -9.11013,-9.81c0.51001,-0.32999 0.86001,-1.02999 0.86001,-1.70999c0,-1.2 -0.94001,-2.15 -2.14002,-2.15c-1.20002,0 -2.14003,0.95 -2.14003,2.15c0,0.68 0.43,1.27999 0.94001,1.70999c0.25,4.05 2.31003,7.66 5.41007,9.89h-2.50003c-0.43001,-0.52 -1.03002,-0.87 -1.71002,-0.87c-1.20002,0 -2.14003,0.95 -2.14003,2.15c0,1.2 0.94001,2.15 2.14003,2.15c0.68,0 1.28001,-0.35 1.71002,-0.87h8.60012c0.43,0.52 1.03,0.87 1.71,0.87c0.68,0 1.28,-0.35 1.71,-0.87h8.6001c0.4401,0.52 1.0401,0.87 1.7201,0.87c1.19,0 2.14,-0.95 2.14,-2.15c0,-1.2 -0.95,-2.15 -2.14,-2.15c-0.68,0 -1.28,0.35 -1.7201,0.87z"
          ></path>
        </g>
      </g>
    </g>
  </svg>
</template>
<script setup lang="ts" name="CLOUD_DESKTOPSvg">
const props = defineProps({
  color: {
    type: String,
    required: false
  },
  backgroundColor: {
    type: String,
    required: false
  }
});
</script>
